<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="user-edit" class="content-wrapper" style="min-height: 990.3px;">
    <div style="padding: 20px 30px; background: rgb(243, 156, 18) none repeat scroll 0% 0%; z-index: 999999; font-size: 16px; font-weight: 600;">
        <a class="float-right" href="#" data-toggle="tooltip" data-placement="left" title="Never show me this again!"
           style="color: rgb(255, 255, 255); font-size: 20px;">×</a><a href="https://themequarry.com"
                                                                       style="color: rgba(255, 255, 255, 0.9); display: inline-block; margin-right: 10px; text-decoration: none;">Ready
        to sell your theme? Submit your theme to our new marketplace now and let over 200k visitors see it!</a><a
            class="btn btn-default btn-sm" href="https://themequarry.com"
            style="margin-top: -5px; border: 0px none; box-shadow: none; color: rgb(243, 156, 18); font-weight: 600; background: rgb(255, 255, 255) none repeat scroll 0% 0%;">Let's
        Do It!</a></div>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            General Form Elements
            <small>Preview</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Forms</a></li>
            <li class="active">General Elements</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <!-- left column -->
            <div class="col-md-6">
                <!-- general form elements -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Quick Example</h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    <form role="form" method="POST" th:object="${user}" th:action="@{/user}">
                        <div class="box-body">
                            <div class="form-group">
                                <label for="name">姓名</label>
                                <input type="text" class="form-control" id="name" th:field="*{name}" name="name">
                            </div>
                            <div class="form-group">
                                <label for="sex">性别</label>
                                <select class="form-control" th:field="*{sex}" name="sex">
                                    <option value="">未选择</option>
                                    <option value="MALE">男</option>
                                    <option value="FEMALE">女</option>
                                </select>
                            </div>
                        </div>
                        <!-- /.box-body -->

                        <div class="box-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
        <!-- /.row -->
        <div>
            <div class="row docs-premium-template">
                <div class="col-sm-12 col-md-6">
                    <div class="box box-solid">
                        <div class="box-body">
                            <h4 style="background-color:#f7f7f7; font-size: 18px; text-align: center; padding: 7px 10px; margin-top: 0;">
                                PREMIUM TEMPLATE
                            </h4>
                            <div class="media">
                                <div class="media-left">
                                    <a href="https://www.creative-tim.com/product/material-dashboard-pro-angular2?affiliate_id=97705"
                                       class="ad-click-event">
                                        <img src="/uploads/images/free_templates/creative-tim-material-angular.png"
                                             alt="Material Dashboard Pro" class="media-object"
                                             style="width: 150px;height: auto;border-radius: 4px;box-shadow: 0 1px 3px rgba(0,0,0,.15);">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <div class="clearfix">
                                        <p class="pull-right">
                                            <a href="https://www.creative-tim.com/product/material-dashboard-pro-angular2?affiliate_id=97705"
                                               class="btn btn-success btn-sm ad-click-event">
                                                LEARN MORE
                                            </a>
                                        </p>

                                        <h4 style="margin-top: 0">Material Dashboard Pro ─ $59</h4>

                                        <p>Angular 2 Premium Material Bootstrap Admin with a fresh, new design inspired
                                            by Google's Material Design</p>
                                        <p style="margin-bottom: 0">
                                            <i class="fa fa-shopping-cart margin-r5"></i> 853+ purchases
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="box box-solid">
                        <div class="box-body">
                            <h4 style="background-color:#f7f7f7; font-size: 18px; text-align: center; padding: 7px 10px; margin-top: 0;">
                                PREMIUM TEMPLATE
                            </h4>
                            <div class="media">
                                <div class="media-left">
                                    <a href="https://www.creative-tim.com/product/now-ui-kit-pro?affiliate_id=97705"
                                       class="ad-click-event">
                                        <img src="/uploads/images/free_templates/now_ui_kit.jpg" alt="Now UI Kit"
                                             class="media-object"
                                             style="width: 150px;height: auto;border-radius: 4px;box-shadow: 0 1px 3px rgba(0,0,0,.15);">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <div class="clearfix">
                                        <p class="pull-right">
                                            <a href="https://www.creative-tim.com/product/now-ui-kit-pro?affiliate_id=97705"
                                               class="btn btn-success btn-sm ad-click-event">
                                                LEARN MORE
                                            </a>
                                        </p>

                                        <h4 style="margin-top: 0">Now UI Kit ─ $69</h4>

                                        <p>A beautiful Bootstrap 4 UI kit featuring over 1000 components, 34 sections
                                            and 11 example pages</p>
                                        <p style="margin-bottom: 0">
                                            <i class="fa fa-shopping-cart margin-r5"></i> 858+ purchases
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.content -->
</div>